<template>
  <div class="kw-form-item" :class="config.cls">
    <div class="kw-form-item-label">
      <span>{{config.name}}</span>
    </div>
    <div class="kw-form-item-content">
      <input type="checkbox" @change="handlerPropChange" value="1" v-model="defaultValue">
      <span class="kw-vm">{{config.desc}}</span>
    </div>
  </div>
</template>

<script>
import { prop } from '../mixins/prop'
export default {
  name: 'checkbox-prop',
  props: {
    config: {
      default() {
        return {
          prop: 'required'
        }
      }
    }
  },
  mixins: [prop]
}
</script>

<style>

</style>